<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            /*color:red;*/
            /*background-color: pink;*/
            /*background-color: pink;*/
            font-size: 18px;
            font-weight: bold;
        }

        p {
            color: red;
        }

        .p2 {
            color: green;
        }

        #p3 {
            color: pink;
        }

        div p {
            color: aqua;
        }

        .border {
            border: 1px solid red;
        }
        .sp1{
            background-color: red;
            color: white;
            padding-right: 30px;
        }
        .sp2{
            background-color:blue;
            border: white;
            padding-left: 30px;
        }
        .sp3{
            background-color: yellow;
            color: black;
            margin-left: 30px;
        }
        .sp4{
            background-color: indigo;
            color:white;
            margin-right: 30px;
        }

    </style>
</head>
<span></span>
<body>
<h1>标题</h1>
<p>段落2</p>
<p class="p2">段落3</p>
<p id="p3">段落4</p>
<a href="">链接</a>
<div>
    <p>段落5</p>
</div>
<div class="border">设置元素边框</div>
<span class="sp1">sp1</span>
<span class="sp2">sp2</span>
<span class="sp3">sp3</span>
<span class="sp4">sp4</span>
</body>
</html>
